<template>
   <div class="index-container">
       <div class="menu">
          <menus/>
       </div>

      <div class="web-main">
          <web-main/>
      </div>

     <el-backtop :bottom="100" >
       <div
           style="
        background-color: var(--el-bg-color-overlay);
        box-shadow: var(--el-box-shadow-lighter);
        text-align: center;
        color: #95a0a9;
        font-size: 15px;
        border-radius: 15px;
      "
       >


         <el-divider></el-divider>
         <div>
           <router-link to="/site/kefu">
           联系客服
           </router-link>
         </div>
         <div>
           <router-link to="/site/kefu">
             <el-icon><Avatar /></el-icon>
           </router-link>

         </div>
         <el-divider></el-divider>
         <div>
           回到顶部
         </div>
         <div>
           <el-icon><CaretBottom /></el-icon>
         </div>

       </div>
     </el-backtop>
   </div>
</template>

<script setup lang="ts">

   import Menus from './components/Menus.vue'
   import WebMain from  './components/WebMain.vue'

</script>

<style scoped>

   .index-container{
        display: flex;
        flex-direction: column;
   }


   a:link{
      text-decoration: none;
   }
</style>